import styled from 'styled-components';

const DetailWrapper = styled.div`
  padding-bottom: 45px;
  .img-place-holder {
    overflow: hidden;

    img {
      margin: 0;
      width: 100%;
    }
  }

  .action-box {
    position: fixed;
    bottom: 0;
    align-items: center;
    width: 100%;
    height: 45px;
    background: #ddd;
    .adm-badge-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
      position: relative;

      .adm-badge {
        background: unset;
      }
      .adm-badge-content {
        color: #424242;
      }
    }
    .antd-mobile-icon {
      flex: 1;
      width: 20px;
      height: 20px;
    }
  }
`;

export default DetailWrapper;
